<input type="hidden" id="baseurl" value="<?=$this->baseUrl()?>" />
<input type="hidden" id="loginstatus" value="<?php echo ($this->isLogin)?'true':'false'; ?>" />

<link rel="stylesheet" href="<?=$this->baseUrl()?>/css/main.index.css" />
<link rel="stylesheet" href="<?=$this->baseUrl()?>/css/jcarousel.css" />
<link rel="stylesheet" href="<?=$this->baseUrl()?>/styles/nyroModal.css" type="text/css" media="screen" />
<script type="text/javascript" src="<?=$this->baseUrl()?>/js/jquery.nyroModal.custom.js"></script>
<!--[if IE 6]>
    <script type="text/javascript" src="js/jquery.nyroModal-ie6.min.js"></script>
<![endif]-->
<script type="text/javascript" src="<?=$this->baseUrl()?>/js/jquery.jcarousel.min.js"></script>
<script type="text/javascript" src="<?=$this->baseUrl()?>/js/main.index.js"></script>

<?php if(isset($this->floor)): ?>

<div id="image" baseurl="<?=$this->baseUrl()?>">
    <img src="<?=$this->baseUrl()?>/images/fxfloor.jpg" alt="no image" />
</div>

<div id="map">
    <a class="nyroModal" href="<?=$this->baseUrl()?>/images/floors/getfloor.php?fid=<?=$this->floor['floor_id']?>" title="Floor <?=$this->floor['abbreviation']?>">Floor Map</a>
</div>

<div id="gallery" baseurl="<?=$this->baseUrl()?>">
    <a href="#">Pictures</a>
</div>

<div id="venue" baseurl="<?=$this->baseUrl()?>">
    <ul id="mycarousel" class="jcarousel jcarousel-skin-tango">
    <?php foreach($this->venues as $venue): ?>
        <li>
            <a class="link-venue" href="#" vid="<?=$venue['venue_id']?>">
                <img src="<?=$this->baseUrl()?>/images/venues/venue_<?=$venue['venue_id']?>_main.jpg" alt='<?=$venue['name']?>' width="80" height="45"/>
            </a>
            <div style="background-color:#ccccff; width: 80px;"><?=$venue['name']?></div>
        </li>
    <?php endforeach; ?>
    </ul>
</div>

<div id="vname"><?=$this->floor['name']?></div>

<div id="description">Please choose venue on the right side to see the details</div>

<?php else: ?>

<div id="fximg">
    <img src="<?=$this->baseUrl()?>/images/fx.jpg" alt="fx image" style="width: 690px; height: 388px;" />
</div>
<div style="display: table-cell; text-align: center; width: 690px; bottom: 0px; background-color: lightgray;">
    <b><i>Please choose a floor above to begin</i></b>
</div>

<?php endif; ?>